<template>
  <div>
    <nav> Scss样式 </nav>

    <h1>文章标题</h1>

    <aside>
      侧边栏
    </aside>

    <button>点我呀</button>
    <input type="text">
  </div>
</template>

<script>
import axios from 'axios'
export default {
  async created() {
    const res = await axios.get('/guo/nc/article/headline/T1348647853363/0-40.html')
    console.log(res)
  }
}
</script>

<style lang='scss'>
//  scss变量用$声明
$redColor:red;    //必须要；
$board:4px solid blue;
h1{
    color:$redColor
 }
 aside{
    border:$board ;
 }
 nav{
    $navColor:yellow;     //定义局部变量
    color: $navColor;
    &:hover {
      color:skyblue;
    }
 }
</style>
